<template>
    <layout>
        <mt-header title="详细资料">
            <router-link to="/" slot="left">
                <mt-button icon="back"></mt-button>
            </router-link>
        </mt-header>

    	<div class="top-box">
				<div class="top-img"><img src="http://weidian-test.oss-cn-shenzhen.aliyuncs.com/edu/img/main.png" /></div>
				<div class="top-name">
					<span>小妹妹</span>
					<div>地址：贵州贵阳</div>
				</div>
				<div class="top-py">申请好友</div>

		</div>

			<div class="list">
				<mt-navbar class="page-part" v-model="selected">
			      <mt-tab-item id="1">动态</mt-tab-item>
			      <mt-tab-item id="2">成长轨迹</mt-tab-item>
			    </mt-navbar>


			    <mt-tab-container v-model="selected">
			      <mt-tab-container-item id="1">

			      	<ul>
			      		<li>
			      			<div class="selected-p">如果你无法间距的表达你的想法，那只说明你还不够了解点睡的时代撒!!!!!!</div>
			      			<ol>
			      				<li><img src="http://img1.imgtn.bdimg.com/it/u=1171018391,2180688200&fm=27&gp=0.jpg" /></li>
                                <li><img src="http://img1.imgtn.bdimg.com/it/u=1171018391,2180688200&fm=27&gp=0.jpg" /></li>
                                <li><img src="http://img1.imgtn.bdimg.com/it/u=1171018391,2180688200&fm=27&gp=0.jpg" /></li>
			      			</ol>
			      			<div class="footer-box">
			      				<div class="footer-l">
			      					<span>2563赞</span>
			      					<span>10086评论</span>
			      				</div>
			      				<div class="footer-r">来自学习交流社区</div>

			      			</div>

			      		</li>
			      		<li>
			      			<div class="selected-p">如果你无法间距的表达你的想法，那只说明你还不够了解点睡的时代撒!!!!!!</div>
			      			<ol>
			      				<li></li>
			      				<li></li>
			      				<li></li>
			      			</ol>
			      			<div class="footer-box">
			      				<div class="footer-l">
			      					<span>2563赞</span>
			      					<span>10086评论</span>
			      				</div>
			      				<div class="footer-r">来自学习交流社区</div>

			      			</div>

			      		</li>
			      		<li>
			      			<div class="selected-p">法间距的表达你的想法法间距的解点睡的时代撒</div>
			      			<ol>
			      				<li></li>
			      				<li></li>
			      				<li></li>
			      			</ol>
			      			<div class="footer-box">
			      				<div class="footer-l">
			      					<span>2563赞</span>
			      					<span>10086评论</span>
			      				</div>
			      				<div class="footer-r">来自学习交流社区</div>

			      			</div>

			      		</li>

			      	</ul>


			      </mt-tab-container-item>
			      <mt-tab-container-item id="2">

			      	<li>
			      			<div class="selected-p">如果你无法间距的表达你的想法，那只说</div>
			      			<ol>
			      				<li></li>
			      				<li></li>
			      				<li></li>
			      			</ol>
			      			<div class="footer-box">
			      				<div class="footer-l">
			      					<span>2563赞</span>
			      					<span>10086评论</span>
			      				</div>
			      				<div class="footer-r">来自学习交流社区</div>

			      			</div>

			      		</li>


			      </mt-tab-container-item>
			    </mt-tab-container>
			</div>


			<mt-actionsheet :actions="actions" v-model="sheetVisible">
			</mt-actionsheet>


    </layout>
</template>
<style lang="scss">
    @import "index.scss";
</style>
<script type="text/babel">
    import { api } from 'framework/config.js';
    import Layout from "component/layout/standard";

    import Vue from 'vue'
    import Mint from 'mint-ui';
    Vue.use(Mint);

    export default {
        components: {
            Layout
        },
        data(){
            return {
				selected: '1'
            }
        },
        computed: {
            api(){
                return api();
            }
        },
        methods: {

        },
        created(){
        },
        mounted() {
        }
    }
</script>

